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Map  design:  Graphic  design  basics 
1 Perception 

Cartographers  and  design  both  use  visual  inter- 
human  communication.  In  order  to  discuss 
graphic  design,  we  have  to  deal  with  the  topic  of 
the  communicating  human.  But  to  understand 
the  communication  process,  first  of  all  we  have 
to  speak  about  human  perception. 


Outer  and  Inner  Worlds 

What  and  how  do  people  perceive? 

Well,  primarily  people  perceive  their  environ- 
ment - the  outer  world.  They  see,  hear,  touch, 
smell  and  taste  it.  For  that  purpose  they  have 
perceptual  organs.  During  the  perception  proc- 
ess all  senses  work  simultaneously  and  therefore 
it  is  not  easy  to  decide  which  sense  is  decisive 
for  the  occurrence  of  a reaction  in  a certain  situ- 
ation. 


Take  supper  for  example:  Is  the  tasting  sense 
dominating,  because  the  meal  is  tasting  deli- 
ciously, or  the  eye,  because  the  table  is  nicely 
laid  out,  or  the  ear,  because  the  conversation 
and  the  music  are  pleasing?  Humans  also  per- 
manently experience  themselves,  their  inner 
world.  The  limbs  and  organs  call  our  attention  if 
they  are  exhausted  or  diseased.  The  soul,  the 
psyche  plays  an  important  role  deciding  on  the 
state  of  well-being.  Humans  feel,  they  perceive 
moods  and  instincts  and  know  whether  they  are 
walking  or  sitting  or  doing  something. 


Perception  overload 

People's  inner  and  outer  worlds  impact  upon 
them  simultaneously  and  are  perceived  in  con- 
junction. the  perception  process  is  a permanent 
state  during  every  situation  of  life,  impossible  to 
switch  off.  It  is  impossible  also  for  people  to  fil- 
ter out  a specific  perception,  as  in  addition  to 
that  they  have  to  survey  its  environment;  like- 
wise they  cannot  switch  off  one  particular  sense. 
They  can  only  try  to  concentrate  on  some  specif- 
ic aspect. 
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Selection 

The  biggest  part  of  all  incoming  stimuli  is  per- 
ceived subconsciously  and  this  part  decisively 
shapes  us.  To  shield  from  a stimuli  overflow  peo- 
ple can  try  to  perceive  part  of  all  information 
consciously,  just  big  enough  to  be  digested  sep- 
arately (selection).  The  perception  process  pro- 
ceeds as  follows: 

■ First  of  all  people  are  confronted  with  a disor- 
dered general  impression. 

■ Consecutively  they  select  specific  information 
(selection). 

■ They  try  to  order  them  by  looking  at  them  con- 
sciously (synthesis). 

■ But  simultaneously  they  discover  new  stimuli  and 
try  to  integrate  them  in  their  system  as  well. 

■ Finally  they  receive  an  ordered  whole,  an  over- 
view. While  analysing  it  a feedback  process  is 
initiated  influenced  by  many  components. 

Processing 

The  designer  intends  to  effectuate  a certain  re- 
action in  the  viewer  (or  customer). 


What  are  the  components  of  human  perception 
that  he  has  to  deal  with? 

■ The  feeling  is  a spontaneous  all-embracing  per- 
sonal reaction  to  a perception,  responsible  for 
actions. 

■ Needs  are  caused  by  a shortage  and  have  to  be 
satisfied  immediately. 

■ Interest  is  controlled  by  the  mind  and  aims  on  a 
field  that  is  not  covered  by  needs. 

■ Motivation  is  the  conscious  and  subconscious 
combination  of  these  components. 

■ Expectation  is  the  more  or  less  clear  temporary 
objective  we  have  in  mind. 

■ Memory  is  a conscious  or  subconscious  feedback 
factor. 

2 Communication 

The  designer  has  to  deal  with  the  exchange  of 
information,  the  communication.  Fie  must  under- 
stand their  functioning,  the  codes  and  languag- 
es. Only  then  will  he  be  able  to  define  the  design 
goals. 
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Communication 

A simplified  scheme  of  (visual)  communication 
looks  a follows: 

Contents 

Exercises 

The  transmitter  (the  designer)  communicates 
with  the  receiver  (the  viewer)  by  sending  mes- 

Index 

sages  with  the  help  of  a language  (here:  pictori- 
al language  and  written  language).  For  that  end 

Search 

he  uses  codes  to  transmit  his  message  effective- 

Next results 

ly.  A picture,  for  instance,  showing  the  sea,  the 

Previous  results 

sun  and  palm  trees,  is  not  only  an  image  of  the 

Print 

coast,  but  leads  the  viewer  to  further  associa- 
tions and  can  stand  for  recovery,  relaxation. 

Exit 

warmth,  holidays  etc. 

The  cartographer  uses  codes  with  his  symbols  as 
well. 

The  symbol  ^ not  only  stands  for  a letter,  but 
also  for  a post  office. 

©copyright: 

Kommission  Aus-  und  Weiterbildung, 
Deutsche  Gesellschaft  fur  Kartographie 
e.V.,  Germany  2000 

The  symbol  does  not  only  mean  several 

trees  and  rain  forest,  but  also  tropics,  humid- 
torrid  climate,  a certain  flora  and  fauna  etc. 
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2a  A traffic  sign  whose  meaning  is  known  in  Germa- 
ny immediately  is  used  in  the  USA  with  two  explan- 
atory texts. 





2b  The  ships  do  not  understand  each  other  because 
they  use  different  languages.  Although  the  viewer 
cannot  understand  the  dialogue  he  would  be  able  to 
understand  the  course  of  events. 
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Code 

The  code  encodes  messages.  The  receiver  is  able 
to  understand  the  content  only  with  knowledge 
about  the  code  (Example:  map  legend). 

Every  symbol  has  a certain  meaning  the  receiver 
has  to  know. 

The  spoken  language  is  a code  as  well:  Someone 
may  for  instance  understand  German  fairly  well, 
French  less  well  and  Finnish  not  at  all. 

It  may  happen  of  course  that  two  or  more  mean- 
ings exist  for  one  symbol  . 

In  maps,  for  example,  the  symbol  + can  stand 
for  a church,  a chapel,  a graveyard  or  a rock. 

Shaking  our  head  is  also  codified:  it  means  No  to 
us,  in  Greece  it  means  Yes. 
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2c  Different  stars;  each  of  them  has  its  own  mean- 
ing that  exceeds  its  pure  geometric  form. 


2d:  Someone  can  only  use  the  pattern  sheet  if  he 
knows  its  function  and  its  signs. 
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Languages 

At  the  beginning  of  human  history  people  under- 
stood each  other  through  facial  expressions  and 
gestures  or  sounds. 

Information  as  discoveries,  moods,  desires  or 
orders  could  be  thus  communicated. 

Since  the  stone  age  linguistic  signs  are  recorded 
permanently  by  engraving  them  in  wood  or 
painting  them  on  stone  walls.  The  signs  were 
taken  from  nature. 

In  the  5th  century  BC  schematic  pictorial  signs 
have  been  stringed  together  for  the  first  time, 
enabling  us  to  visualize  trains  of  thought  and 
courses  of  events. 

Now  languages  could  be  developed  according  to 
cultural  expression  and  social  requirements. 

Sign-like  pictures  were  combined  to  form  sign 
language  (e.g.  the  symbols  on  maps). 
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2e:  Pictorial  lan- 

guage: This  picture 
comprises  more  than 
two  windows,  one 
door,  two  walls,  the 
floor  and  a roof  slope. 
It  transmits  a certain 
mood. 


2f:  Encoded:  sign 
language,  musical 
notation,  braille, 
machine  language, 
bar  code  . 


2g:  A possible  com- 
munication goal:  At- 
tract attention. 

Look  here! 
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Letters,  that  are  symbols  as  well,  were  combined 
to  form  words  and  finally  sentences:  the  written 
language. 

Pictures  such  as  photographs,  illustrations  and 
paintings  have  a pictorial  language. 

Beyond  that  further  languages  exist  as  sign  lan- 
guage, braille,  musical  notation,  etc.. 


Communication  goals 

The  designer  has  to  know  exactly  whom  he 
wants  to  address  and  what  he  wants  to  impart. 
He  has  to  respond  to  the  receiver,  his  perception 
and  his  surrounding.  He  has  to  comb  his  design 
possibilities  for  suitable  tools.  He  must  use  ade- 
quate methods,  languages  and  codes. 
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A designer  must  be  endowed  with  the  following 
personal  conditions: 

■ Sensibility  and  receptiveness, 

■ agility  and  creativity, 

■ ability  for  abstraction  and  analysis, 

■ ability  for  synthesis  and 

■ ability  to  aesthetical  organization. 
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3 Design 

After  this  quite  abstract  introduction  the  terms 
'form'  and  'design'  will  be  used  to  conduct  us  to 
more  practical  topics. 


The  form 

The  form  is  the  composition,  the  result  of  the 
design  process. 

In  this  connection  form  (the  whole  thing)  means 
more  than  the  sum  of  the  parts  (Fig.  3a;  c.  Fig. 
2e  and  the  rain  forest  symbol  from  the  previous 
chapter). 

The  form  is  even  maintained  if  single  elements 
are  changed. 

A form  cannot  exist  without  its  surroundings. 

A form  has  something  like  a soul  that  has  to  be 
filled  with  life  by  the  designer. 
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3a 


hlnjoy  Your  Symptom 


bekanntes  enfant  terrible 
in  akademischen  Philoso- 
phenzirkeln.  Seine  Auf- 
tritte  sind  uberwaltigende 
Rede-Performances  mit 
ungewissem  Ausgang.^*- 
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Basic  forms 

For  the  design  one  tends  to  fall  back  gladly  on 
the  elementary  basic  forms  (Fig.  3b,  upper  row): 

Point(l):  In  the  true  sense  it  is  a zero-dimen- 
sional object  and  therefore  cannot  be  represent- 
ed. In  graphic  arts  a point  is  that  what  is  not  yet 
a circle. 

Line(2):  A one-dimensional  object,  a stroke. 

Area(3):  A two-dimensional  object,  e.g.  a rec- 
tangle, a circle,  a polygon.  The  area  has  a form. 

Volume/Body(4):  A three-dimensional  object 

that  will  not  be  dealt  with  at  this  point. 
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Krfjoy  Your  Symptom 


© 


The  Slovenian  philosopher  Sla- 
voi  Zizek  with  his  philosophic 
mixtures  of  Hegel’s  logic, 
Hitchcock’s  dead  bodies  and 
Lacan’s  empty  spaces  is  a 
known  enfant  terrible  in  aca- 
demic philosopher  circles.  His 
entrances  are  overwhelming 
speech-performances  with  an 
unknown  end. 
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Graphic  elements 

The  elements  can  be  simple,  composite  or  com- 
plex (Fig.  3b,  lower  part): 

Sign(7,  10):  A letter,  a logo  etc. 

Writing(6,  8):  Text  in  books,  newspapers,  on 
posters,  in  advertisements  etc. 

Graphic  (11,  12):  A diagram,  a map,  an  illustra- 
tion etc. 

Picture  (13):  A photograph  or  a detail. 

Background  (9):  The  background,  the  surround- 
ing, has  to  be  included  in  the  design  even  if  it  is 
merely  white. 


3b 


© 


© © 
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Krfjoy  Your  Symptom 
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The  Slovenian  philosopher  Sla- 
voi  Zizek  with  his  philosophic 
mixtures  of  Hegel’s  logic, 
Hitchcock’s  dead  bodies  and 
Lacan’s  empty  spaces  is  a 
known  enfant  terrible  in  aca- 
demic philosopher  circles.  His 
entrances  are  overwhelming 
speech-performances  with  an 
unknown  end. 


^ Home  ^ 


Map  Design:  Graphic  Design  Basics 


Contents 

Exercises 

Index 

Search 

Next  results 
Previous  results 

Print 

Exit 


©copyright: 

Kommission  Aus-  und  Weiterbildung, 
Deutsche  Gesellschaft  fur  Kartographie 
e.V.,  Germany  2000 

c/o  Reinhard  Urbanke 
Erlenweg  3/1 

D-71394  Kernen  im  Remstal 


Variations 

The  forms  and  elements  can  be  varied  by  (Fig. 
3c): 

Structure:  The  inner  arrangement  of  areal  ob- 
jects, as  screens,  hatches,  patterns. 

Tonal  value:  The  brightness  of  objects. 

Colour:  Reaches  the  viewer  directly,  puts  him  in 
a certain  mood,  rouses  feelings. 

Size:  To  emphasize,  to  cause  tension. 

Position:  The  position  of  an  object  within  a com- 
position is  of  substantial  importance  concerning 
its  effect. 


Design  principles 

It  does  not  make  sense  to  define  rigid  design 
rules  because,  as  described  above,  graphic  de- 
sign is  influenced  by  changing  perceptions. 
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3c 


□ □□■■ 
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changing  communication  methods  and  changing 
design  goals. 

Contents 

But  the  following  principles  (Fig.  3d)  that  guar- 
antee a good  and  successful  design  should  still 

Exercises 

be  considered: 

Index 

Proportion  or  the  relation  between  single  ob- 
jects and  their  surroundings.  Many  attempts 

Search 

have  been  made  to  determine  the  ideal  absolute 

Next  results 

proportion,  but  without  success.  Some  models 

Previous  results 

such  as  the  golden  section  are  considered  as  be- 

Print 

ing  almost  perfect. 

Exit 

Harmony:  A design  is  harmonic  when  it  is  well 
ordered  and  when  all  internal  elements  have 
been  combined  properly  according  to  an  aes- 
thetic sense,  which  means  that  nothing  disturbs, 
tips  over  or  drops  out. 

©copyright: 
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Contrast:  Every  effect  is  based  on  contrast. 
Contrast  creates  tension  and  therewith  the  at- 
tention of  the  viewer.  It  is  created  through  the 
use  of  contrast  pairs:  To  be  activated  every  ob- 
ject needs  a counter  object. 
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By  the  detailed  inspection  of  countless  design 
examples  a designer  should  try  to  get  a reliable 
flair  for  proportions,  harmony  and  good  design. 
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4 Optical  Illusions 

Contents 

Optical  illusions  are  of  particular  interest  due  to 
their  unexpected  results  and  the  effects  thus 
achieved.  They  show  again  that  the  personal 

Exercises 

aesthetic  experience  is  set  above  the  strict  geo- 
metric construction. 

Index 

Search 

Next  results 

Lines 

Previous  results 

Print 

Fig.  4a  demonstrates  that  vertical  lines  of  the 
same  length  seem  to  differ  in  length  if  their  add- 

Exit 

ed  corners  are  changed.  As  a result  sharp  and 
round  letters  must  jut  out  from  the  type  line 
(Schriftlinie)  so  that  they  do  not  seem  smaller 
than  the  letters  D and  T. 

Fig.  4b  shows  that  repeatedly  subdivided  lines 
seem  longer  that  undivided. 

©copyright: 

Kommission  Aus-  und  Weiterbildung, 
Deutsche  Gesellschaft  fur  Kartographie 
e.V.,  Germany  2000 

In  Fig.  4c  thick  narrow  set  lines  appear  shorter 
than  the  ones  that  are  further  apart.  For  that 
reason  type  faces  with  thin  line  gauges  seem  to 
be  higher  than  that  with  bold  ones. 
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The  optic  centre  is  not  always  the  same  as  the 
geometric  center,  as  shown  by  Fig.  4d. 

The  Futur  type  face  has  been  constructed  geo- 
metrically but  was  subsequently  modified  ac- 
cording to  optic-aesthetic  viewpoints.  Because 
of  that  it  appears  calmer  and  more  harmonic 
now. 

Fig.  4e  shows  optical  deformations:  The  circle 
seems  dented  and  the  single  line  repeatedly  bro- 
ken. 


Areas 

A square  optically  seems  wider  than  higher. 
Therefore  squares  must  be  exaggerated  vertical- 
ly (Fig.  4f).  The  same  applies  to  circles. 
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In  Fig.  4g  the  horizontal  lines 
widen  the  square  area  whereas 
the  vertical  ones  exaggerate  it 
vertically. 


In  Fig.  4h  all  central  squares 

have  the  same  size.  Their  apparent  size  (the 


Search 

Next  results 
Previous  results 


other  squares  and  the  white  space)  is  influenced 
by  their  surrounding. 


Print 


Exit 

In  Fig.  4i  and  4j  the  bright  areas  (or  letters) 
seem  larger  than  the  dark  areas  (or  letters)  of 
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the  same  size  because  their  brightness  out- 
shines their  contour. 


Tonal  value 

In  Fig.  4k  it  becomes  apparent  of  how  little  im- 
portance the  actual  brightness  is  (all  inner 
squares  have  the  same  grey  value).  Their  sur- 
rounding is  decisive  for  the  effect  of  the  grey  ar- 
eas. 

It  is  possible  to  create  depth  with  the  help  of 
tonal  values:  the  inner  square  in  the  left  field 
seems  to  lie  clearly  above  the  surface  area 
whereas  in  the  most  right  one  the  black  area 
seems  to  be  a window. 
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5 The  area 

The  area  is  the  space  for  mounting  the  design.  It 
should  be  sufficiently  considered  because  the 
area  more  or  less  influences  the  elements  ar- 
ranged on  it. 


Empty  space  / white  space 

Some  elements  need  a big  area  (empty  space) 
to  unfold.  Empty  spaces  are  fields  of  force. 

A composition  can  appear  disharmonious  if  the 
empty  space  is  not  incorporated.  A design  can 
be  thrown  out  of  balance  or  upset  optically  if  the 
relation  between  printed  and  empty  areas  is  dis- 
turbed. Empty  space  can  create  tension  and  dy- 
namics in  connection  with  design  elements.  It 
can  order  and  emphasize  them. 

Even  a completely  empty  area  is  not  empty  for 
the  viewer:  he  wanders  around  with  his  eyes 
(Fig.  5b,  a typical  reading  loop),  projects  things 
on  it  and  divides  it  into  specific  sub-areas  (Fig. 
5c). 
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Locations  of  effect 

If  an  area  is  divided  in  the  middle,  the  upper  half 
seems  to  be  larger  than  the  lower  half  (Fig.  5d). 
Elements  positioned  in  the  upper  sector  seem 
more  weighty  than  the  ones  below. 

This  has  to  do  with  the  natural  human  field  of  vi- 
sion. Above  the  horizon  people  expect  just  the 
sky  which  seems  to  be  unlimited.  This  viewing 
habit  is  unconsciously  applied  to  the  area. 

In  the  same  way  the  left  and  the  right  side  of  the 
area  have  different  meanings.  The  reading  direc- 
tion proceeds  from  left  to  right.  People  feel  a 
movement  mostly  directed  to  the  right.  There- 
fore the  right  side  is  more  important  than  the 
left  one  (Fig.  5e). 


Effect 

As  a consequence  elements  get  a certain  mean- 
ing if  they  are  located  at  a certain  spot  within 
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the  empty  space.  Points  appear  calm  and  stable 
if  they  lie  on  lines  in  Fig,  5c,  but  restless  and  dy- 
namic off  them  (Fig.  5f). 

Lines  have  different  qualities  as  well,  depending 
on  their  location  (Fig.  5g  and  h). 

The  effect  can  be  described  by  adjectives  as 
light,  heavy,  floating,  unstable,  rising,  distant 
etc. 

Fig.  5i  shows  different  black  elements  on  white 
areas  with  a specific  effect  in  each  case. 


5g 
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Now,  if  one  tries  to  look  at  the  white  spaces  as 
new  forms  in  their  own  right,  that  lie  before  a 
grey  background,  a new  effect  can  be  realized. 

The  general  effect  is  changed  by  every  new  ele- 
ment within  the  design. 


5i 


Associative  meanings 

Empirical  investigations  have  resulted  in  discerning  specific  associative  meanings: 


THE  HORIZONTAL: 

CLIMBING  THE 

DESCENDING  THE 

LEFT: 

RIGHT: 

VERTICAL: 

VERTICAL: 

horizon 

passiveness 

activity 

sea 

tower 

plumb  line 

reflection 

deed 

steppe 

obelisk 

weight 

introversion 

extroversion 

plain 

fountain 

heavy 

past 

future 

calmness 

powerful 

serious 

self 

you 

sleep 

death 

impressive 

important 

quiet 
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6 Area  aesthetics 

We  have  already  spoken  about  the  importance  of 
the  area  as  the  mounting  space.  Now,  the  pro- 
portions, distribution  and  composition  will  be 
analysed. 


Size 

Already  at  the  beginning  of  the  design  process 
the  designer  has  to  decide  about  a page  size. 

The  size  and  shape  naturally  depends  on  the 
purpose:  Is  the  design  object  a map,  a folder  or 
a book? 

There  are  shapes  whose  proportions  seem  to  be 
especially  well  balanced,  including  the  golden 
section. 

Squares  can  look  interesting  as  well  if  they  are 
divided  appropriately. 
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Area  subdivision 

Depending  on  the  size,  the  area  can  be  subdivid- 
ed according  to  the  following  principles,  in  view 
of  the  design  purpose:  Proportion,  harmony  and 
contrast.  This  results  in  a layout.  Here  a square 
has  been  chosen  as  the  mounting  space. 

In  Fig.  6b  the  area  is  subdivided  by  two  continu- 
ous intersecting  lines. 


In  Fig.  6c  the  subdivision  is  realised  by  three  dif- 
ferent shapes  that  vary  in  size  and  tonal  value. 
Moreover  the  shapes  are  arranged  vertically  and 
horizontally.  This  example  shows  the  white  area 
as  an  independent  shape  as  well. 
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Composition 

Contents 

Fig.  6d  shows  a composition  with  simple  shapes 
and  their  variation  possibilities. 

Exercises 

The  necessary  tension  (contrast)  is  achieved  by: 

Index 

(Fig.  66,  upper  row,  from  left  to  right) 
■ different  shapes 

Search 

■ different  sizes 

Next  results 
Previous  results 

■ position  within  the  area 

Print 

(Fig.  66,  lower  row,  from  left  to  right) 
■ asymmetry 

Exit 

■ negative  - positive 

■ tonal  value  (brightness). 
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Fig.  6e  shows  a dynamic  composition  in  which 
the  elements  are  arranged  in  first  slice,  i.e.  they 
extend  beyond  the  format.  They  are  cut  at  the 
margin  and  now  obtain  another  interesting  out- 
line. Their  real  form  can  be  reconstructed  or 
rather  surmised.  The  viewers  complete  the  parts 
indicated  or  missing  in  their  imagination. 
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In  Fig.  6f  a grid  has  been  constructed  first  at 
which  the  elements  have  been  oriented.  Differ- 
ent methods  have  been  used  to  create  tension. 
Now  the  composition  is  more  complex,  it  com- 
bines different  shapes,  tonal  values  and  sizes. 

In  Fig.  6g  pages  containing  text  are  simulated. 
The  different  elements  can  be  column  titles, 
headings,  initials,  graphics  and  pictures  within 
the  layout  of  a map  catalogue. 

Classical  newspapers  (Fig.  6h)  are  a good  exam- 
ple of  area  aesthetics  because  they  have  to 
manage  with  few  design  elements:  Text  and  pic- 
tures are  the  principal  design  elements.  Apart 
from  them,  lines  and  boxes  are  applied.  Every 
page  of  a newspaper  comes  alive  through  the  in- 
terplay between  the  text  areas  and  the  blank 
spaces:  The  reader  needs  to  be  able  "to  breathe” 
while  reading. 
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7 Colour 


Colour  is  an  important  design  element.  It  has  an 
immediate  impact  on  the  viewers  and  addresses 


Contents 

their  subconsciousness. 

Exercises 

Index 

Colour  psychology 

Search 

Next  results 

The  following  characteristics  are  associated  with 

Previous  results 

certain  colours: 

Print 

YELLOW: 

RED: 

Exit 

expansion 

vivacity 

BLACK: 

communication 

power 

hopelessness 

reason 

imagination 

darkness 

death 

BLUE: 

ORANGE: 

introversion 

health 

WHITE: 

absorption 

full  of  drive 

all  possibilities 

intellect 

pleasure 

glaring  bright- 

ness 

GREEN: 

VIOLET: 

birth 

immobility 

illness 
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sensuality 

ness 

melancholia 
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Colour  assignment  after  Wassily  Kandinsky 


Colour  assignment  after  Oskar  Schlemmer 
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Of  course  this  table  is  not  universally  valid.  An 
essential  factor  is  the  personal  colour  sensitivity 
of  the  viewer:  colours  remind  us  of  sensory  im- 
pressions, put  someone  into  a mood. 

Gender  and  gender-specific  roles  of  the  viewers 
are  just  as  important  as  cultural  influences,  e.g. 
fashion  ( fashion  colours). 

Therefore  colours  should  be  carefully  selected 
and  the  colour  experience  of  the  target  group 
should  be  taken  into  account. 


Colour  dimension  (CIELAB-colour 
system) 

A colour  tint  can  be  varied  by  the  two  factors 
brightness  (Fig.  7c)  and  saturation  (addition  of 
white,  black  or  grey;  Fig.  7d) 


EMail:  alf.kartographie@gmx.de 


^ Home 


30 


7c 

Colour  brightness:  15%  - 25%  - 40%  - 65%  - 
100% 


7d 

Colour  saturation:  0%  - 25%  - 50%  - 75%  - 100% 
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Colour  contrast 

Contents 

The  relationship  between  colours  is  named  col- 
our contrast.  When  working  with  colours  much 
can  be  learned  about  their  characteristics,  their 

Exercises 

effects  and  their  interplay.  A warm  tonal  value 
can  suddenly  become  cold  due  to  an  adjacent 

Index 

tonal  value.  Harmonic  compositions  can  abruptly 
change  completely  because  of  additional  colour 

Search 

elements.  The  following  types  of  colour  contrast 

Next  results 
Previous  results 

are  distinguished: 

Print 

■ Complementary  contrast 

Exit 

Colours  which  face  each  other  in  the  colour  circle 
are  termed  complementary.  Each  colour  has  its 
complementary  colour  with  which  it  is  balanced 
and  even  can  increase  to  the  highest  luminosity 
(Fig.  7e). 

■ Simultaneous  contrast 
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Simultaneous  contrast  appears  where  a rich  col- 
our stands  without  its  complementary  colour  (in 
which  case  the  eye  will  generate  this  comple- 
mentary colour),  through  which  phenomenon  its 
tonal  value  is  optically  changed  (Fig.  7f). 
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■ Quality  contrast 

Quality  contrast  depends  on  the  opposition  be- 
tween bright  and  dull  colours  (Fig.  7g). 

■ Quantity  contrast 

Quantity  contrast  arises  from  the  confrontation 
of  differently  sized  colour  areas  (Fig.  7h). 

Flere  the  intensity,  the  strength  of  a colour's 
brightness  is  of  importance,  e.g.  yellow  has  a 
much  bigger  optical  impact  than  violet.  The  or- 
der reads:  yellow,  orange,  red,  green,  blue  and 
violet. 

■ Cold-warm-contrast 

The  opposition  between  the  red-orange  and 
blue-green  pair  has  the  biggest  effect  on  the 
contrast  (Fig.  7i). 
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8 Type  aesthetics 

Now  type  will  be  introduced  as  a new  design  ele- 
ment. In  this  section  we  look  at  type  from  the 
viewpoint  of  readability. 


Evolution  of  type 

Pictographic  system : Letters  have  been  created 
by  imitating  natural  shapes.  The  symbol  to  the 
left  in  Fig.  8a  was  developed  in  Egypt  approxi- 
mately 3000  BC. 

Letters : The  pictorial  symbols  became  more  and 
more  abstract  in  the  course  of  time  and  finally 
became  letters:  Fig.  8b  Phoenician  alphabet,  ap- 
proximately 1300  BC. 

Capital  letters  and  serifs  (Serifen):  The  letters  in 
Fig.  8c  are  derived  from  the  Greek  /Roman  al- 
phabet between  200  BC  and  300  AD.  Special  at- 
tention has  been  paid  to  aesthetics  and  propor- 
tions. Only  capital  letters  existed.  The  Greeks 
did  not  use  spaces  between  word  or  sentences. 
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The  Romans  invented  serifs  (Serifen)  for  aes- 
thetic reasons. 

Contents 

Lower  case  letters : Fig.  8d  shows  further  devel- 
opment in  the  Middle  Ages.  With  the  "Karolinger 

Exercises 

Minuskel"  lower  case  letters  were  first  devel- 
oped. Later  on  letters  became  narrow,  heavy 

Index 

and  angular  (Gothic  type). 

Search 

Roman  type : At  the  rediscovery  of  classical  an- 

Next results 

tiquity  the  roman  type  originated  around  1450, 

Previous  results 

e.g.  Garamond  (Fig.  8e,  left).  The  alternation 

Print 

between  capital  and  lower  case  letters  resulted 
in  a better  readability,  because  now  several  let- 

Exit 

ters,  so-called  word  images,  could  be  registered 
simultaneously. 

Grotesque : At  the  end  of  the  19th  century  graph- 
ically reduced  type  faces  have  been  developed, 
e.g.  Akzidenz-Grotesque  (Fig.  8f,  left). 
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Design  fonts : Today  good  readability  is  now  and 
then  opposed  by  trendy  type  face  creations  (Fig. 
8g). 
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Screen  fonts : Computers  require  specific  font 
types  that  have  been  adjusted  to  the  screen  res- 
olution (Fig.  8g,  right). 


Geometry 

Around  1920  characters  have  been  reduced  to 
the  basic  geometric  forms  rectangle,  circle  and 
triangle  (Fig.  8h,  Futura).  Flowever,  since  abso- 
lute geometry  impairs  readability,  small  modifi- 
cations have  been  made. 


Letter  spacing 

Over  2000  years  ago  Greeks  and  Romans  al- 
ready dealt  with  the  aesthetics  of  letters 
stringed  together.  They  discovered  that  not  only 
the  shape  of  every  single  letter  should  be  taken 
into  account  in  order  to  obtain  a good  typeface, 
but  also  the  blank  space  between  the  words. 
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The  optic  weight  of  the  blank  space  between  the 
letters  must  correspond  to  the  inner  space  of  the 
letter. 

In  Fig.  8i  the  blank  spaces  and  the  inner  spaces 
of  the  letters  are  made  clear  through  geometric 
forms. 
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Fig.  8j  shows  a badly  balanced  word,  because 
the  spacing  between  the  letters  is  exactly  the 
same.  The  principle  of  geometric  forms  (in  line 
3)  shows  distinct  harmonic  disturbances. 

Exercises 

In  line  4 positive  and  negative  forms  have  been 
balanced  according  to  aesthetic  considerations. 

Index 

The  result  is  an  in  itself  well  proportioned  word 
(Fig.  8k). 

Search 

Next  results 
Previous  results 

The  harmonic  balance  of  the  letter  spacing  has 
to  be  considered  especially  when  using  graphic 

Print 

or  big  type  faces. 

Exit 

To  get  a correct  spacing  no  measurable  values 
can  be  provided.  The  recognition  of  the  size  of 
blank  spaces  and  the  weight  balance  of  words 
has  to  be  practised  in  order  to  acquire  an  aes- 
thetic competence. 
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It  can  be  helpful  to  turn  a word  upside  down,  in 
order  to  recognize  the  forms  and  spaces  unhin- 
dered (Fig.  81).  By  the  way,  this  method  may  be 
useful  for  each  kind  of  design  task. 
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9 Type  composition 

Following  the  analysis  of  letters  and  single  words 
this  section  deals  with  the  characteristics  of 
typefaces  in  printed  texts. 


Grey  value 

When  viewed  from  a distance  a text  block  looks 
to  be  an  image,  a grey  area  (Fig.  9),  related  to  a 
known  degree  to  the  surrounding  blank  space. 

To  keep  the  reading  inhibition  threshold  small, 
the  grey  value  of  the  text  block  should  not  be 
too  dark,  but  also  not  too  bright,  because  then 
the  page  would  look  to  be  full  of  holes.  The  grey 
value  is  determined  by  the  line  gauge,  the  letter 
spacing,  the  word  spacing  and  the  line  spacing. 


Reading  process 

The  eye  scans  the  lines  erratically.  It  does  not 
register  single  letters  but  whole  words  and 
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Grauwert:  Aus  einigem  Abstand 
betrachtet,  wirkt  Text  auf  einer  Seite 
als  Bild,  als  graue  Flache;  sie  steht 
bekanntermaBen  in  Beziehung  zum 
sie  umgebenden  WeiBraum.  Um  die 
Lesehemmschwelle  gering  zu  hal- 
ten,  soil  der  Grauwert  nicht  zu  dun- 
kel  sein,  aber  auch  nicht  zu  hell,  da 
die  Seite  sonst  Idchrig  wirkt.  Er  wird 
durch  die  Schriftstarke,  die  Laufwei- 
te,  den  Wort-  und  den  Zeilenab- 
stand  bestimmt.  Aus  einigem  Ab- 
stand betrachtet,  wirkt  Text  auf  einer 
Seite  als  Bild,  als  graue  Flache;  sie 
steht  bekanntermaBen  in  Bezie- 
hung zu  dem  sie  umgebenden 
WeiBraum.  Um  die 


Grauwert:  Aus  einigem  Abstand 
betrachtet,  wirkt  Text  auf  meiner 
Seite  als  Bild,  als  graue  Flache; 
sie  steht  bekanntermaBen  in  Be- 
ziehung zum  sie  umenden  WeiB- 
raum. Um  die  Lesehemmschwel- 
le gering  zu  halten,  soil  der 
Grauwert  nicht  zu  dunkel  sein, 
aber  auch  nicht  zu  hell,  da  die 
Seiten  sonst  sehr  lochrig  wirkt. 
Er  wird  durch  die  Schriftstarke, 
die  Laufweite,  den  Wort-  und  den 
Zeilenabstand  bestimmt.  Aus  ei- 
nigem Abstand  betrachtet,  wirkt 
der  auf  einer  Seite  als  Bild,  als 
graue  Flache;  sie  steht  be- 
kanntermaBen 


9a 


Grauwert:  Aus  einigem  Abstand  be- 
trachtet, wirkt  Text  auf  einer  Seite  als 
Bild,  als  graue  Flache;  sie  steht 
bekanntermaBen  in  Beziehung  zum 
sie  umgebenden  WeiBraum.  Um  die 
Lesehemmschwelle  gering  zu  hal- 
ten, soil  der  Grauwert  nicht  zu  dun- 
kel sein,  aber  auch  nicht  zu  hell,  da 
die  Seite  sonst  lochrig  wirkt.  Er  wird 
durch  die  Schriftstarke,  die  Lauf- 
weite, den  Wort-  und  den  Zeilenab- 
stand bestimmt.  Aus  einigem  Ab- 
stand be 


Grauwert:  Aus  einigem  Abstand 
betrachtet,  wirkt  Text  auf  meiner 
Seite  als  Bild,  als  graue  Flache; 
sie  steht  bekanntermaBen  in  Be- 
ziehung zum  sie  umenden  WeiB- 
raum. Um  die  Lesehemmschwel- 
le gering  zu  halten,  soil  der 
Grauwert  nicht  zu  dunkel  sein, 
aber  auch  nicht  zu  hell,  da  die 
Seiten  sonst  sehr  lochrig  wirkt. 
Er  wird  durch  die  Schriftstarke, 
die  Laufweite,  den  Wort-  und  den 
Zeilen 


Grauwert:  Aus  einigem  Abstand  be- 
trachtet, wirkt  Text  auf  einer  Seite  als 
Bild,  als  graue  Flache;  sie  steht 
bekanntermaBen  in  Beziehung  zum 
sie  umgebenden  WeiBraum.  Um  die 
Lesehemmschwelle  gering  zu  hal- 
ten, soil  der  Grauwert  nicht  zu  dun- 
kel sein,  aber  auch  nicht  zu  hell,  da 
die  Seite 

Grauwert:  Aus  einigem  Abstand 
betrachtet,  wirkt  Text  auf  meiner 
Seite  als  Bild,  als  graue  Flache; 
sie  steht  bekanntermaBen  in  Be- 
ziehung zum  sie  umgebenden 
WeiBraum.  Um  die  Lesehemm- 
schwelle gering  zu  halten,  soil 
der  Grauwert  nicht  zu  dun 


groups  of  words.  It  jumps  form  one  point  of  fo- 
cus to  the  next  one. 


Texts  should  be  designed  so  as  to  be  interesting 
and  not  tiresome.  Texts  written  in  capital  letters 
are  difficult  to  read  because  word  contours  are 
blurred.  Mixed  type  (with  ascenders  and  de- 
scenders) offers  satisfactory  variation.  The  pro- 
portion of  the  type  face  is  decisive  for  its  reada- 
bility. Lines  should  be  perceived  as  bands,  so 
that  the  eye  will  not  skip  away.  A line  should 
comprise  a maximum  of  50  - 60  letters  (about 
10  words).  The  longer  the  line,  the  bigger  the 
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line  spacing  should  be.  A type  must  be  adjusted 
to  the  intended  purpose.  Specific  type  exist  for  a 
book  setting  and  for  headings. 


Type  face  selection 

Every  type  imparts  associations  (Fig.  9b).  There- 
fore target  groups  (scientists,  customers,  holi- 
daymakers...) are  decisive  for  the  selection  of 
the  type  face.  Here  as  well  only  recommenda- 
tions can  be  made  (Fig.  9c). 

9c 


PURPOSE 

CHARACTER 

beauty  culture,  fashion 

elegant-fashionable 

food  articles 

traditional 

technique 

neutral 

Hi-tech 

elegant,  plain 

art,  photography 

neutral-elegant 

fiction 

classical,  approved 

professional  literature 

factual-neutral 

business  reports 

factual-elegant 

transportation 

informative,  quiet 

letters,  business  cards 

functional,  elegant 

street  party 

rustic,  slogan-like 

poster 

strong,  slogan-like 

decor 

playful,  romantic 

sixties 

factual,  neutral 

seventies 

colourful,  vivid 

modern  media 

aggressive,  provocative 

Eintritt  verboten 

Eintritt  verboten 

Weinkellerei 

Weinkellerei 

Sfaafsoper 

Staatsoper 

litiiHckeH  kfn 

Miinchen  31  km 

Fortschritt 

Feine  Seide 

Feine  Seide 

Stahlbou 

Stahlbau 

Buehhandlung 

Buchhandlung 

DJ  HIPHOP 

DJ  HiPHOP 

HOTEL  EXCELSIOR 

Speisekarte 

(Speisekarte 

Parfunt  cTamour 

parfam  d’amour 

1,29 

9b:  left:  wrong  type  face  selected;  right:  correct 
choice 

TYPE  E.G. 

Bodoni,  Avant-Garde 
Different  type  faces 
Garamond,  Akzidenz 
Gill,  Bodoni 

Grotesque,  Copperplate 
Janson,  Bembo,  Caslon 
Garamond,  Egyptienne 
Futura,  Bodoni,  Univers 
Frutiger,  DIN-types 
Copperplate,  Meta 
Berlin  grotesque.  Revue 
Rockwell,  Aachen 
Plaza,  Avant-Garde 
Helvetica,  Akzidenz 
Hobo,  VAG  Rounded 
new  types 
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Type  face  mixture 

Type  faces  should  only  be  mixed  if  they  have  dif- 
ferent functions  (as  e.g.  continuous  text,  head- 
ings) or  rather  different  positions  within  the  lay- 
out (e.g.  inserted  headings,  columns). 

The  type  faces  used  (Fig.  9d)  must  look  alike  re- 
garding style,  line  gauge  and  geometry  (relation 
of  x-height  to  the  height  of  the  ascender),  but 
still  differ  sufficiently  to  prevent  any  impressions 
of  type  setting  errors.  To  put  mixed  type  faces 
right  next  to  one  another  might  cause  problems. 


Compositions 

Type  faces  can  be  varied  by: 

■ type  style  and  size, 

■ type  shape  (bold  or  italic), 

■ initials,  headings  and  inserted  headings, 

■ unjustified  setting  and  justified  setting. 
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Garamond  and  Frutiger  go  together 

Times  and  Helvetica  go  together 

Garamond  and  Akzidenz-Grotesk  go  together 

New  Century  and  Futura  go  together 

Rockwell  and  Frutiger  go  together 

Palatino  and  Avant-Garde  go  together 

Walbaum  and  Benguiat  don't  go  together 

Garamond  and  Times  don't  go  together 

Bernhard  Modern  and  Antique  Olive  don't  go  together 

Gill  and  Frutiger  don't  go  together 

Garamond  and  Gaslon  don't  go  together 

9d 


For  this  the  correct  (sensible,  aesthetic)  applica- 
tion of  the  resources  is  of  paramount  impor- 
tance. Pictures,  lines  etc.  have  to  be  purposeful- 
ly employed  as  well.  Fig.  9e  shows  a poem 
designed  by  Ernst  Jandl  and  next  to  it  a typo- 
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graphic  sketch  of  an  invitation  card  for  an  event. 
The  inner  rectangle  stands  for  getting  together 
at  one  place  and  functions  as  an  eyecatcher  si- 
multaneously. Fig.  9f  shows  a page  layout  that 
uses  very  few  elements  and  still  has  originality. 


Typographic  errors 

Unfortunately  typographic  errors  are  found  fre- 
quently: 

■ inadequate  word  spacing  ("holes"  in  the  text), 

■ lines  too  long, 

■ wrong  line  spacing, 

■ inappropriate  type  faces, 

■ isolated  lines  of  a paragraph  at  the  end  or  at  the 
beginning  of  a page  (windows) 

■ nasty  divisions  (Fig.  9g), 

■ inadequate  contrast, 

■ too  small  blank  space, 

■ too  many  type  faces,  elements,  styles, 

■ playing  around  with  the  computer  (Fig.  9g) 
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10  Signs 

A sign  is  a visual  expression  of  information,  of  an 
idea,  of  an  occasion  or  of  a form  that  has  been 
reduced  to  the  essential. 


Communication 

If  someone  says:  "Give  me  a sign  when  I have  to 
begin,"  he  expects,  that  it  will  be  shown  clearly 
and  unmistakably  in  its  meaning. 

Signs  not  only  consist  of  gestures.  The  signs  that 
we  are  actually  speaking  of  can  be  found  every- 
where: in  the  streets,  in  buildings,  in  business 
life,  on  flag  poles  (Fig.  10a). 

Every  graphic  shape  of  a sign  conceals  a certain 
meaning,  revealed  only  to  someone  who  knows 
the  accompanying  code  system. 


\« 
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Types  of  signs  (Fig.  10b) 

Contents 

symbol:  refers  to  idealistic  facts,  e.g.  the  cross 
of  Christianity. 

Exercises 

elementary  sign:  formed  from  basic  geometric 
shapes  (cf.  Fig.  3a) 

Index 

Search 

pictorial  sign:  graphic  representation  of  an  ob- 
ject. 

Next  results 
Previous  results 

imprint:  graphic  trademark  of  a company  or  a 

Print 

product. 

Exit 

word  trademark : A sign  of  a company  or  product 
only  made  up  of  letters. 

logo : pictorial  or  verbal  trademark  of  a company. 

pictogram : strongly  simplified  pictorial  symbol 
for  an  object  or  a situation  with  an  international- 
ly defined  connotation. 
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cartographic  symbol',  symbol  on  maps. 
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Function 

Signs  can  have  different  functions: 

Contents 

■ message,  hint,  warning  (traffic  sign,  pictogram). 

Exercises 

■ product,  service,  image  (trademark), 

■ tradition,  origin,  relationship  (coat  of  arms,  flag). 

Index 

■ association,  reference  (symbol,  cartographic  sym- 
bol). 

Search 

Next  results 
Previous  results 

Trademarks 

Print 

In  our  consumer  society  trademarks  are  not  only 

Exit 

identifiers  for  companies,  their  products  or  serv- 
ices. They  also  carry  certain  messages  regarding 
lifestyle,  social  affiliation,  sometimes  even  ideol- 
ogies. 
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Therefore  it  is  important  to  know  that  a trade- 
mark does  not  only  inform  on  a factual  basis  but 
also  addresses  the  customer  emotionally,  so  that 
a desire  to  buy  the  product  or  getting  served  is 
produced. 
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Design 

Requirements  for  the  shapes  of  signs: 

■ quick  and  unequivocal  to  recognize, 

■ concentration  on  the  essentials, 

■ easily  remembered,  original  and  unmistakable 

■ fusion  of  the  graphic  components  to  a whole, 

■ equivalence  of  graphic  form  and  meaning  of  the 
content. 
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To  find  a shape 

First  of  all  the  function  of  the  sign  must  be  de- 
fined before  the  suitable  concepts  and  images 
are  collected  during  a brainstorming  session. 
The  ensuing  data  collection  has  to  be  ordered 
and  examined  for  its  suitability.  Then  the  ele- 
ments selected  must  be  formally  reduced  until 
an  effective  sign  has  been  developed  that  also 
meets  aesthetic  demands. 

During  the  process  of  finding  a shape  the  follow- 
ing paths  can  be  treaded  (Fig.  lOd): 

■ proceed  from  basic  shapes  (circles,  rectangles, 
triangles)  or  their  derivations, 

■ simplification,  abstraction  and  stylization  of  the 
element  that  forms  the  basis  for  the  sign, 

■ modification  of  an  existing  sign  (copyright  has  to 
be  considered), 

■ choose  letters  and  words  as  the  basic  idea. 
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11  Publications 

Contents 

The  design  of  a publication  requires  a complex 
graphical  understanding,  because  all  elements 
have  to  match  with  each  other  concerning  their 

Exercises 

effect.  Where  paper  is  used  the  sense  of  touch 
has  to  be  considered:  e.g.  a book  must  also  feel 

Index 

good. 

Search 

Next  results 

Previous  results 

Notepaper  and  visiting  cards 

Print 

A company  or  a person  represents  itself  publicly 

Exit 

by  such  printed  products.  A decisive  first  im- 
pression is  generated  by  them,  which  touches 
upon  the  image  it  wants  to  project.  Therefore, 
first  of  all  some  basic  questions  have  to  be  put, 
such  as:  Who  am  I?  What  do  I want?  How  do  I 
want  to  look?  What  do  I want  to  achieve? 
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Company  notepaper  is  subject  to  certain  stand- 
ards (Letter  window,  folding,  etc.;  see  Fig.  11a 
above).  But  on  the  other  hand  there  are  almost 
no  limits  to  the  individual  design.  Every  paper 
size  and  every  stylistic  device  may  be  used. 
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Books  are  different  from  single  pages  as  in 
books  we  have  to  proceed  from  the  opened  up 
spread  concerning  the  type  area  and  the  margin 
proportions.  Type  area  and  page  size  should 
stand  in  harmony  to  each  other.  With  the  help  of 
the  golden  section  a good  result  can  be  achieved 
in  this  case  as  well  (Fig.  lib).  Unusual  formats 
require  individual  solutions  (Fig.  11c). 

A further  peculiarity  of  books  is  their  general 
principle  of  design.  French  title,  table  of  con- 
tents, text  blocks  etc.  have  to  be  treated  stylisti- 
cally in  the  same  way. 
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Dustjacket 

The  dustjacket  or  cover  (Fig.  lid)  more  likely 
functions  as  an  advertising  medium.  It  is  subject 
to  the  same  design  principles  as  the  poster.  It 

Exercises 

should  harmonize  with  the  inner  design. 

Index 


Search 

Magazine 

Next  results 

Previous  results 

Magazines  (Fig.  lie)  differ  from  books  in  the 

Print 

possibility  to  design  every  article  in  a new  way. 
But  in  doing  so  the  overall  concept  has  to  be 

Exit 

maintained.  Although  if  you  browse  through  a 
magazine  its  design  may  appear  varied  (a  maga- 
zine on  exclusive  fashion  gives  another  impres- 
sion than  one  on  jeans  fashion)  - the  overall  im- 
age will  remain  upright  and  uniform. 
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Of  course  its  stock  of  elements  is  bigger  than 
that  of  a book;  additional  elements  are  pictures, 
graphics,  illustrations,  lines,  headings,  subhead- 
ings, headlines,  initials  etc.  Flere  it  is  essential 
as  well  that  all  these  elements  have  to  be  coordi- 
nated page  after  page. 
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Poster 

Posters  sell  ideas,  products  or  events  (Fig.  Ilf). 
They  should  be  composed  clearly  and  unequivo- 
cally, because  passers-by  will  often  have  just  a 
short  look  at  them.  But  they  can  also  be  complex 
and  profound  if  they  are  conceptually  designed 
in  such  way.  Mostly  posters  are  a combination 
between  pictorial  and  text  elements.  The  pic- 
tures often  stand  in  the  foreground;  if  the  type  is 
emphasized  it  may  also  become  a picture.  Be- 
cause of  the  big  size  of  posters  the  elements 
may  strongly  vary  in  dimensions. 


Packaging 

Packages  (Fig.  llg)  were  meant  originally  only 
to  protect  a product;  nowadays  they  have  an  im- 
portant advertising  function.  They  should  evoke 
positive  notions  or  emotions.  The  buyer  subcon- 
sciously transfers  the  optical  presentation  of  the 
product  to  its  quality  characteristics. 

In  the  package  the  third  dimension  plays  an  im- 
portant role  as  a new  graphic  design  factor,  but 
it  will  not  be  further  dealt  with  in  this  context. 
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12  Map  symbols 

A map  is  an  information  system;  a complex  com- 
bination of  different  symbols. 


Symbol  system 

Every  map  symbol  contains  information  that  is 
coded.  It  conveys  a message  about  itself,  e.g.  "I 
am  a church",  as  well  as  about  its  relation  to  the 
other  map  symbols:  "I  am  a church  and  stand  in 
the  center  of  a village  called...  that  is  located  on 
the  river  ...  in  the  landscape  ...  etc."  (Fig.  12a) 


Symbol  types 

Map  symbols  can  be  subdivided  on  the  basis  of 
their  shape  (Fig.  12b): 

point:  Represents  the  exact  location  of  a single 
object  or  (if  they  are  accumulated)  an  amount  of 
objects 
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line:  Boundaries  of  regional  objects  or  (if  the 
scale  does  not  permit  this)  median  lines  of  nar- 
row objects. 

area:  Characterizes  regional  objects  as  well  as 
value  classes,  e.g.  contour  zones. 

map  symbol:  Abstracted  (pictorial)  symbol  that 
is  used  depending  on  the  scale. 

halftone:  Areas  which  have  changing  tonal  val- 
ues, e.g.  hill  shading  and  aerial  photograph. 

diagram:  renders  statistical  quantities;  it  may, 
similar  to  a symbol,  refer  to  a point  location  or  to 
an  area. 

type:  Explains  the  map  or  its  symbols. 
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Variations 

To  make  differentiated  statements,  symbols  are 
varied  graphically  (Fig.  12c): 


■ size:  suitable  to  emphasize  (quantity). 

■ shape:  associative  differentiation  (quality). 

■ texture:  most  quantitative  differentiation. 

■ tonal  value:  quantitative  differentiation  as  well. 

■ orientation:  spatial  and  temporal  orientation. 

■ colour:  versatile  use  for  associative,  qualitative 
(hue)  and  quantitative  (saturation)  differentia- 
tion. 
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Design 

Map  symbols  are  subject  to  the  following  graphi- 
cal requirements  : 

Quick  and  easy  recognition,  simplicity,  unequiv- 
ocalness, similarity  to  the  object  and  originality 
(Fig.  12d). 

Moreover  the  standardization  of  symbols  in  simi- 
lar map  series  has  to  be  considered  as  well  as 
the  reading  habits  of  the  map  user. 

To  ensure  the  readability  minimum  sizes  have  to 
be  kept;  for  this  also  the  typical  shapes  have  to 
be  paid  attention  to. 
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Map  symbols 

There  are  different  kinds  of  map  symbols  (Fig. 
12e): 

■ Pictorial  Symbols:  ground  plan  images,  elevation 
images  and  image  signs. 

■ Geometric  Symbols:  basic  forms,  lines  and  pic- 
torial grids. 

■ Alphanumeric  signs:  figures,  letters. 

Their  arrangement  can  be  localized  (preserva- 
tion on  the  map,  within  the  limits  of  generaliza- 
tion, of  the  correct  location  of  places  or  area.), 
linear  (as  single  line  or  area  contours)  or  area 
like  (regularly  or  irregularly  distributed  over  an 
area). 

Although  they  should  be  easy  to  associate,  sym- 
bols have  to  be  explained  in  the  legend. 

Especially  the  use  of  foreign  map  series  requires 
the  reading  of  the  legend  because  familiar  sym- 
bols can  have  a different  meaning  (Fig.  12f). 
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radio  and  tv-station  (Ireland) 
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secondary  road  (USA) 
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Type 

Type  may  vary  in  position,  thickness,  width,  but 
as  well  in  size,  colour  and  letter  spacing  (Fig. 
12g). 

Type  is  used  either  independently  or  as  an  ex- 
planatory addition  to  a symbol;  it  can  also  be 
used  over  areas. 

Type  should  have  a good  readability,  should  be 
distinguishable  and  be  in  harmony  with  the  map 
layout.  It  should  adapt  to  the  nature  of  the  ob- 
jects that  are  described  by  it. 
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13  Map  design:  Graphic  structure 

The  design  of  a map  requires  the  consideration 
of  some  aspects  of  the  graphic  structure. 


Image  of  nature 

For  the  map  (as  an  image  of  nature)  a represen- 
tation should  be  chosen  in  a way  that  the  objects 
and  phenomena  of  nature  and  culture  (scale  de- 
pendent) are  represented  appropriately. 


13a 


A map  transfers  the  image  of  nature  by  a defined 
code  to  the  imagination  of  humans.  It  is  the  suc- 
cessful interplay  of  different  point,  line  and  area 
symbols  that  allows  the  viewer  to  obtain  a pre-  13b 
cise  and  correct  image.  Similar  to  the  interrela- 
tionship of  geographic  objects  the  symbols  that 
represent  them  on  the  map  should  be  connected 
(Fig.  13a-c). 


A quick  perception  of  the  overall  picture  has  to 
be  ensured;  after  that  a detailed  reading  of  the 
map  is  possible.  Therefore  the  pictorial  language 
should  be  as  self-explanatory  as  possible. 
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Purpose  of  the  map 

Apart  from  design  experience  the  cartographer 
must  have  enough  thematic  expertise  and  pre- 
cise knowledge  about  the  subjects  that  have  to 
be  represented. 

The  purpose  of  the  map  is  decisive.  Different 
purposes  call  for  matching  contents  and  appro- 
priate methods  of  representation  (Fig.  13d,  e). 
However,  the  design  aesthetics  must  be  main- 
tained in  any  case. 

An  exact  preparatory  work  is  essential.  The  geo- 
graphic extension,  the  page  size,  the  map  pro- 
jection and  the  scale  have  to  be  defined.  The 
map  content,  the  map  elements  and  the  method 
of  representation  (legend  and  style  sheet)  have 
to  be  definitely  defined  as  well.  The  thematic 
message  has  to  be  precisely  formulated. 


13d  ...  does  not  nearly  characterize  a park 


13e  ...  and  for  a travel  guide 
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Legibility 

The  combination  of  single  elements  most  favour- 
able for  perception  is  the  one  that  results  in  a 
compact,  stable,  logical  and  simple  overall  shape 
(terseness). 

The  number  of  representation  methods  should 
be  limited  to  a minimum  so  that  complex  sub- 
jects can  be  perceived  quickly  as  well. 

However,  the  information  conveyed  must  not  be 
falsified. 

Concerning  the  legibility  of  the  map  the  follow- 
ing principles  have  to  be  considered: 

Graphic  differentiation:  The  spectrum  of  graphic 
design  possibilities  should  be  applied  meaning- 
fully (Fig.  13f). 

Graphic  density:  The  optical  overall  impression 
must  not  be  too  heavy  (Fig.  13g). 

Contrast/object  separation:  Clear  separation  of 
elements,  tonal  values  and  colours;  objects  have 
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to  be  surrounded  by  an  empty  space  to  separate 
them  from  background  elements  (Fig.  13h). 

Maintenance  of  the  context:  Structures  and  ar- 
rangements should  be  recognizable  (Fig.  13c). 

Flabits/expectations  of  the  map  reader  have  to 
be  considered. 


Assessment  principles 

Even  if  it  seems  to  be  obvious,  the  following 
points  have  to  be  taken  into  account  for  the  map 
design: 

■ Important  things  should  be  preserved  and  irrel- 
evant things  should  be  omitted  (Fig.  13i,  scale 
dependent  generalization); 

■ Typical  things  should  be  emphasized  and  atypi- 
cal things  toned  down  (Fig.  13j,  special  crops  in 
the  Rhein-Mosel  area). 

■ Equal  things  should  be  equal,  different  things 
should  be  different  and  opposite  things  should 
look  opposite  (Fig.  13k,  map  of  the  world  reli- 
gions); 
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■ Uncertain  things  should  look  uncertain  and  vague 
things  vague  (Fig.  131,  sea  chart  containing  in- 
formation about  dangers). 

Contents 
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14  External  map  design 
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A map  that  comprises  not  only  the  map  face,  but 
also  the  title,  the  scale,  the  linear  scale,  the  leg- 

Search 

end  and  possibly  additional  marginal  elements. 
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must  have  a good  overall  design. 
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Principles 

A map  is  only  readable  and  usable  if  all  known 
design  principles,  above  all  the  clearness  and 
logical  composition  of  the  elements,  are  main- 
tained: all  its  components  are  necessary  for  the 
understanding  and  therefore  should  communi- 
cate with  each  other  well. 
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All  elements  should  appear  on  the  sheet  in  a 
suitable  size  and  should  be  carefully  arranged 
(Fig.  14a).  Enough  white  space  should  be  pre- 
served as  well. 
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Main  components  of  a map: 

■ map  (map  image,  graticule,  margin,  border  line), 

■ map  title, 

■ scale  and  linear  scale 

■ legend. 

Further  components: 

■ author,  manufacturer,  logo,  year  of  publication, 
printing  office 

■ reference  to  topographic  source  material 

■ auxiliary  map(s) 

■ title  page 

■ compass  card,  etc. 


Map  title 

The  title  serves  as  the  entry  into  reading  the 
map  content.  The  subject  represented  should  be 
formulated  exactly  and  tersely.  If  this  is  not  pos- 
sible sub-titles  are  necessary  (Fig.  14b). 

Graphically  the  title  should  on  the  one  hand 
catch  the  eye,  but  also  harmonize  with  the  other 


EMail:  alf.kartographie@gmx.de 


^ Home 


59 


14b 

► 


Das  Klima  in  Europa 

Jahresniederschlag 

Langjtihrige  Mittelwerte 


Seewalds  Wanderkarte 

ZWIESELER  WINKEL 

zwischen  Arber  und  Rachel 
am  Nationalpark  Bayerischer  Wald 


Die  Welt  in  Bewegung 

Die  40  grojlten  Herkunfts-  und  Empfdngerlander 
Fluchtlinge  und  Zuwanderer 


StraBenkarte 

Frankreich 

Blatt  1 2 - Provence 


Map  Design:  Graphic  Design  Basics 


Contents 

Exercises 

Index 

Search 

Next  results 
Previous  results 

Print 

Exit 


©copyright: 

Kommission  Aus-  und  Weiterbildung, 
Deutsche  Gesellschaft  fur  Kartographie 
e.V.,  Germany  2000 

c/o  Reinhard  Urbanke 
Erlenweg  3/1 

D-71394  Kernen  im  Remstal 


components  of  the  map.  The  types  used  within 
the  map  should  match  with  each  other. 


Scale  and  linear  scale 

The  map  scale  should  correspond  to  the  geo- 
graphic region  represented,  the  purpose  of  the 
map  and  the  subject. 

It  should  neither  pretend  to  an  accuracy  that 
cannot  be  represented  graphically  or  in  content, 
nor  should  it  be  too  small,  so  that  information  is 
too  coarse  and  even  becomes  useless. 

A too  heavy  linear  scale  should  be  avoided  (Fig. 
14c). 

It  has  to  be  considered  that  the  numerical  scale 
may  change  between  the  first  draft  and  final 
publication;  the  graphic  scale  will  always  change 
proportionally  and  remain  correct. 
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Legend 

The  formulation  of  the  legend  takes  place  right 
at  the  beginning  of  the  map  compilation.  The 
legend  comprises  the  program  for  the  map  to  be 
created.  Content-wise  it  has  to  overlap  with  the 
map.  It  has  to  be  ascertained  whether  all  map 
elements  should  be  explained  by  the  legend  or  if 
certain  previous  knowledge  of  the  map  reader 
can  be  assumed. 

The  legend  should  be  clear,  concise,  lucid  and 
guarantee  a quick  reading  of  the  map.  Extensive 
legends  must  be  structured  technically  and  i4d 
graphically  (Fig.  14d,  e). 

The  legend  should  have  a graphical  density  simi- 
lar to  the  map. 

The  word  "legend"  is  mostly  unnecessary. 
Whether  the  legend  is  positioned  within  or  out- 
side of  the  map  face  depends  on  the  available 
space,  the  folding  and  the  overall  layout. 


14e 


Bevolkerung,  Erwerbstdtigenzahl,  Wirtschaftssektoren 
und  Landwirtschaftliche  Nutzfldche  Frankreichs  1979 

Verhaltnis  der  Erwerbstatigen  des  Primdren  Wirtschaftssektors 
zur  Landwirtschaftlichen  Nutzfldche 

11,2  - 14,7  (Erwerbstatige/km2) 

7.2  - 8,8 

5.2  - 6,9 

3,9-  4,7 

2.3  - 3,2 


Einwohner/Erwerbstatige  (in  Millionen) 


Gesamtbevolkerung  einer  Region 

Zahl  der  Erwerbstatigen,  davon 
Anteil  des  Primdren  Wirtschaftssektors 
Anteil  des  Sekundaren  Wirtschaftssektors 
Anteil  des  Tertiaren  Wirtschaftssektors 

Anteil  der  Landwirtschaftlichen  Nutzfldche 

an  der  Gesamtflache  einer  Region  (in  Prozent) 


□ 


□ 

□ 

Nutzung 

□ 

□ 


g iiberwiegend  bebauter  Flachen 

Offentliche  Verwaltung 
Gesundheits-  u.  Sozialwesen 
Kulturwesen 
Verkehrswesen 
(Offentliche  Hafenabfertigung) 
Offentliche  Dienstleistungen 
Private  Dienstleistungen 
GroG-  und  Einzelhandel 
Mineralolgesellschaften 
(ohne  Kfz-Tankstellen) 

Fischfang  und  -verarbeitung 
Kfz-,  Maschinen-  und  Elektro- 
werkstatten,  Metall-  u.  Schiffbau 
Sonstige  produzierende  Gewerbe 
Landwirtschaft 
Wohnen 

iiberwiegend  unbebauter  Flachen 

Industriegelande,  Lagerflachen 
Garten,  Park-  und  Grunanlagen 
Wiese,  Weide,  Futterbau 
Odland  (Heide,  Moos,  Fels,  u.a.) 


Natiirliche  Formen 

> Gewasser 

i s~  Uferlinie  bei  Ebbe 

Stark  abweichende  Uferlinie 

bei  Flut 

' — Hohenlinien,  Aquidistanz  25  m 
Hohenlinien,  Verlauf  unsicher 
Verkehrswege 

Land-  u.  HauptverkehrsstraGen 
Sammel-  u.  VerbindungsstraGen 
Sonstige  StraBen 
------  Fu Bweg 

Gebaudehohen 

| Eingeschossiges  Gebaude 
|^X8I  Zweigeschossiges  Gebaude 
I^XCI  Dreigeschossiges  Gebaude 
Sonstige  Objekte 
“|p  Molenfeuer 

^888881  Stockfisch 

Grenzen  der  Nutzungsparzellen 
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Title  page 

The  title  page  has  an  important  function  for  ad- 
vertising. As  goes  for  the  book  and  the  book 
jacket,  the  title  page  should  be  designed  in  har- 
mony with  the  accompanying  map. 


15  Exercises 


Perception 

You  are  at  a very  loud  place  (disco,  pub,  con- 
struction site,  department  store).  Stay  there  for 
a while  and  try  to  be  aware  what  affects  you 
from  outside,  what  you  hear,  see,  feel,  in  which 
intensity,  for  how  long.  Try  to  filter  out  details. 
What  do  you  perceive  of  yourself?  How  is  your 
mood?  Does  it  change?  Do  you  eventually  per- 
ceive silence  in  this  deafening  noise?  Do  desires 
arise?  For  what? 

Try  To  ramambar  everything  and  maka  a note 
of  it  latar  at  your  laisu re. 
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Communication 

The  Marlboro  advertisement  promises  us  satis- 
faction of  certain  needs.  The  nicotine  consump- 
tion is  not  addressed.  What  needs  are  dealt 
with?  What  longings  are  addressed,  what  emo- 
tions aroused?  Do  you  want  to  belong  to  it? 
Why? 

With  what  pictures,  colours,  elements  does 
the  advertisement  work?  You  always  recog- 
nize the  trademarks  instantly.  Why?  By  what 
colours  and  pictures  do  the  "Light  ciga- 
rettes" differ  from  the  standard  product? 


Area  effect 

A black  beam  within  a white  area  will  have  a dif- 
ferent effect  depending  on  its  location.  How  has 
the  beam  to  be  arranged  to  work  as  follows: 

light  - heavy  - floating  - unstable  - stable  - ris- 
ing - descending  - distant  - nearby  - exciting  - 
weak. 
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White  areas  of  2,5  x 2,5  cm  b ordered  by  a 
thin  black  line  are  made  available  to  you.  Draw 
into  each  of  them  a black  line  with  a length  of 
1 O mm  and  a width  of  1,5  mm. 

Exercises 


Index 

Area  composition 

Search 

The  supreme  composition  goal  for  the  design  of 

Next  results 

areas  is  the  creation  of  tension.  This  can  be 

Previous  results 

achieved  by  the  methods  mentioned  above. 

Print 

Gat  several  20  x 20  cm  white  and  lO  x 20 

Exit 

cm  black  cardboards.  From  one  of  the  black 
cardboards  cut  out  as  many  and  as  big 
squares  as  you  like.  Arrange  the  squares  in 
an  exciting  composition  and  finally  stick 
them  up.  For  this  the  whole  black  cardboard 
should  be  used  so  that  the  ratio  of  black  to 
white  is  1:1.  Repeat  this  process  with  black 
circles  (and  their  negative  forms),  with  black 
triangles  and  free  forms. 
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Type  balance 

The  optical  weight  of  the  empty  spaces  between 
letters  must  be  equivalent  to  the  area  of  the  let- 
ters. This  is  a principle  of  type  aesthetics. 

Write  the  word  "WALTER"  in  separate  letters 
(everyone  must  have  its  own  frame)  in  Futura 
(24  points,  capital  letters)  on  an  auxiliary 
line  using  a graphic  programme.  Change  the 
auxiliary  line  into  curves.  Now  push  the  words 
on  the  auxiliary  line  together  in  such  a way 
that  the  word  seems  to  be  optimal  balanced. 


Typography 

For  text  design  formal  and  aesthetic  rules  have 
to  be  considered  to  ensure  a quick  recognition. 

Judge  the  opposite  figure  and  find  out  the 
typographic  errors  as  e.g.  too  little  white 
space,  missing  contraet  within  the  page  lay- 
out, holes  in  the  text,  wrong  line  spacing,  too 
long  lines,  inappropriate  types,  wrong  punc- 
tuation marks,  separated  lines  of  one  para- 
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wlAfljTflR 


WALTER 


Doktor  Stef  fan 

Prinzipien. 

vV«« 


war  ein  Mann  mit 


sein  grofies  Le- 


Liebe  ging,  brack 


Konsequenz  war 
bensprinzip. 

Dock  wenn  es  um  die 
er  mit  seinen  Prinzipien. 

cvas  em  fraumAaffcer e. 

^eAen-.  c/uscAatmen-  m a&eder /AidcAea  AAlesyiAiffc.  Qj/dA/ci 

c/amaS  Mid  i/em  ^e^en.AdcA \A&/'AcAet&icA/cmAi  AietAes gie. Ac 
Aasmte  Acer  cm  AAcAufardcuiaAA  esii/Ac/l /irier  a/men. 

EIN  NEUER  TRAGISCHER  ARZTROMAI 


Von  der 
Terrasse 
des  Al- 
penkran- 
kenhau- 
ses  herab 
hatte  man 
einen  Su- 
perblick. 
Die  sanf- 
ten  Wie- 
sen  lagen 
in  mor- 
gendli- 
cher  Un- 
schuld 
danieder. 


SCHWESTER  URSULA'S 

Schwester  Ursula  beobachtete  ihn 
schon  die  ganze  Zeit.  Was  trieb  er 
da?  Eigentlich  miiBte  er  doch  jetzt 
im  OP  sein.  Das  jedenfalls  wies 
der  Dienstplan  aus. 

Von  der  Terasse  des 
Alpenkrankenhauses  herab  hatte 
sie  einen  Superblick.  Die  sanften 
Wiesen  lagen  in  morgendlicher 
Unschuld  danieder.  Wie  schon  so 
ein  Tag  sein  konnte! 

Ware  da  nicht  jener  Mann 
gewesen,  der  ihr  Leben  so  durch- 
einander  gebracht  hatte.  Es  war, 
obwohl  sie  nie  daran  geglaubt 
hatte,  Liebe  auf  den  ersten  Blick 
gewesen.  Leider  jedoch  nur  gar 


einseitig  . . . 


Durch  das  Blattwerk  der 
Rosenranken  blieb  sie  unentdeckt. 
Dort  unten  ging  er  . . . Was  fur  eine 
stattliche  Figur  er  hatte!  Wie 
aufrecht  er  seinen  Korper  hielt! 
Schon  allein  dies  ware  Grund 
genug  fur  eine  Frau  gewesen, 
sich  zu  verlieben. 

Und  diese  Hande!  Sie  waren 
groB  und  schon.  Vollkommen 
sozusagen.  Und  wenn  er 
operierte,  waren  sie  behende. 
Sie  fiihrten  exakte  Bewegungen 
aus.  Ungeschicklichkeit  konnte 
ein  Arzt  sich  nicht  leisten.  Schon 
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graph  at  the  beginning  or  the  end  of  a col- 
umn, wrong  or  nasty  divisions,  too  many 
types,  elements  or  styles  and  computer 
gadgets. 


Logo 

Design  a new  logo  for  the  German  Cartographic 
Society  under  the  aspect  "The  GCS  in  the  21st 
century".  What  objectives  and  images  can  you 
imagine  for  the  GCS?  Derive  a new  logo  and 
typeface  from  these.  Is  the  globe  dispensable? 

Make  the  sketch  with  paper  and  pencil  and 
the  final  drawing  with  the  computer. 
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Notepaper 

You  receive  the  order  to  design  notepaper: 

■ from  your  65  year  old  aunt  for  the  correspond- 
ence with  her  pen  friends, 

■ from  a sales  department  for  computer  games, 
that  wants  to  represent  itself  trendy  and  young, 

■ from  a bank,  that  wants  to  have  a competent 
and  serious  appearance  on  the  market. 

The  sheets  of  writing  paper  will  turn  out  differ- 
ent. Which  considerations  have  led  to  the 
sketches?  (cf.  Fig.  11a)? 

Use  colour  pencils  or  pull  out  scraps  from 
magazines  for  The  elements  as  areas,  logos, 
figures  etc.  Write  your  address  or  other 
short  texts  with  a pencil  or  colour  pencil  or 
use  texts  from  magazines.  Utilize  (blind) 
text  for  the  information  area  in  the  wished- 
for  type.  Stick  everything  to  a sheet  of  pa- 
per. 


Additional  exercise:  Derive  visiting  cards 
from  the  notepapers.  It  is  true  that  you  can 
use  the  same  elements,  but  the  design  must 
be  slightly  changed  due  to  the  different  size. 
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Poster 

Design  a poster  for  a cartographic  conference  in 
Ulm  2003  with  the  motto  "multimedia  cartogra- 
phy". Give  vent  to  your  imagination  freely!  Try  to 
develop  your  own  unusual  realization  and  do  not 
let  yourself  be  influenced  by  older  posters.  What 
do  you  want  to  express?  First  of  all  reduce  your 
collection  of  ideas,  then  the  chosen  elements. 
Make  determined  use  of  them. 

Use  pictures  and  texts  out  of  magazines  and 
copy  or  rather  scan  them  or  fall  back  on  dig- 
ital material.  Sketch  on  paper  and  design  at 
the  computer. 


Symbols 

Design  the  following  symbols  for  a fictitious  map 
of  Mars  for  a news  magazine: 

■ Points:  actual  and  potential  airstrips,  locations 
of  soil  sample  sites,  positions  of  antennas  and 
measuring  devices,  striking  objects  (small,  big 
craters,  stones  etc.). 
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■ Lines:  Excursion  routes  (direction,  date),  terrain 
lines  (slopes,  edges,  channels). 

■ Areas:  Explored,  still  to  be  explored  and  photo- 
graphed regions,  ground  condition  (sand,  grav- 
el, small  and  big  stones,  rocks  etc.). 

Get  illustrative  material  and  design  the  sym- 
bols accordingly.  The  area  symbols  must 
leave  the  background  visible.  Use  any  shading 
you  like.  Design  with  the  computer. 


Map 

Design  a map  for  a newspaper.  Look  for  an  arti- 
cle to  explain  it  with  a map. 

It  should  complement  the  article  meaningfully, 
comprise  no  unnecessary  information,  inform 
quickly  and  be  factual.  Your  legend  must  be  con- 
cise. The  map  will  have  the  same  size  as  the 
text. 
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Familiarize  yourself  with  the  article.  Choose  a 
suitable  base  map,  that  will  be  scanned.  Pre- 
cisely define  the  content  and  the  style  sheet 
and  draw  the  map  with  your  graphic  pro- 
gramme. 
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Travel  guide 

Design  two  double-pages  of  a travel  guide  on 
Papua  New  Guinea.  It  should  present  one  region 
per  chapter. 

The  first  double-page  that  you  have  to  design  is 
the  beginning  of  the  chapter,  the  second  the  fol- 
lowing page.  Integrate  the  following  elements 
into  the  layout: 

■ chapter  heading  (mention  the  region,  choose  a 
striking  headline,  insert  a subheading  for  a more 
detailed  description), 

■ column  title, 

■ continuous  text  (use  blind  text), 

■ short  information  box  (objects  of  interest  in  the 
region), 

■ several  photographs  (with  or  without  frame  or 
outlined  freely)  with  captions, 

■ a graphic  (airfields,  landing  strips  and  flight 
routes), 

■ a drawing  (typical  animal  or  typical  plant) 

■ a map  of  the  region  including  a legend. 

First  of  all  seiect  a book  size.  Think  about 
which  size  might  be  practical  and  handy  for 
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the  traveller.  You  have  to  decide  if  your  travel 
guide  will  be  rather  flimsy  and  colourful  or 
rather  classical-informative.  Define  the  type 
area.  Should  the  page  have  a margin  for 
notes? 

Make  a sample  page  and  position  the  text 
and  the  graphic  elements  within  your  layout 
according  to  formal  and  aesthetic  aspects. 
The  first  double-page  as  the  beginning  of  the 
chapter  should  facilitate  the  entry  for  the 
reader.  Consider  the  white  space  and  the  bal- 
ance between  texts  and  illustrations. 

Now  define  the  type  faces  and  sizes  and  the 
necessary  typographic  conditions  (line  spac- 
ing, columns,  initials...). 

Choose  your  illustrations;  define  their  sizes 
and  contents.  Then  prepare  the  graphic  and 
the  map  with  the  legend. 

Look  at  the  developed  page  critically  and  only 
then  begin  with  the  fine  tuning  of  all  ele- 
ments. Do  not  finish  your  work  until  you  be- 
lieve that  your  travel  guide  will  have  success 
on  the  market. 
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